﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Template.Master" AutoEventWireup="true" CodeBehind="ChiTiet.aspx.cs" Inherits="OnlineDigitalCameraWebsite.ChiTiet" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
    <script src="/js/jquery-slider.js" type="text/javascript"></script>
    <script src="/js/easyResponsiveTabs.js" type="text/javascript"></script>
    <link href="/css/easy-responsive-tabs.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="/css/global.css" />
    <script src="/js/slides.min.jquery.js"></script>
    <script>
        $(function () {
            $('#products').slides({
                preload: true,
                preloadImage: '/images/loading.gif',
                effect: 'slide, fade',
                crossfade: true,
                slideSpeed: 350,
                fadeSpeed: 500,
                generateNextPrev: true,
                generatePagination: false
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="details">
        <div class="product-details">
            <div class="images_3_of_2">
                <div id="container">
                    <div id="products_example">
                        <div id="products">
                            <div class="slides_container">
                                <%-- <a href="#" target="_blank"><img src="/images/ixus125hs_01.jpg" alt=" " /></a>
									<a href="#" target="_blank"><img src="/images/ixus125hs_02.jpg" alt=" " /></a>
									<a href="#" target="_blank"><img src="/images/ixus125hs_03.jpg" alt=" " /></a>
									<a href="#" target="_blank"><img src="/images/ixus125hs_04.jpg" alt=" " /></a>--%>
                                <% BUS.ImagesCameraBUS cBus = new BUS.ImagesCameraBUS();
                                   List<DAO.ImagesCamera> list = new List<DAO.ImagesCamera>();
                                   BUS.ImagesAccessoriesBUS accBUS = new BUS.ImagesAccessoriesBUS();
                                   List<DAO.ImagesAccessory> listacc = new List<DAO.ImagesAccessory>();
                                   BUS.ImagesLensBUS lenBUS = new BUS.ImagesLensBUS();
                                   List<DAO.ImagesLen> listlens = new List<DAO.ImagesLen>();


                                   string cate = Request.QueryString["cate"].ToString();
                                   int id = int.Parse(Request.QueryString["id"].ToString());
                                   if (cate == "camera")   // neu la camera thi lay camera
                                   {
                                       list = cBus.GetListByCamera(id);
                                       for (int i = 0; i < list.Count; i++)
                                       { %>
                                <a href="#" target="_blank">
                                    <img src='<%Response.Write(list[i].Link);%>' alt=" " /></a>
                                <% }
                                        }
                                        else if (cate == "accessories") // neu la acc thi  hien thi len
                                        {
                                            listacc = accBUS.GetListByAcc(id);
                                            for (int i = 0; i < listacc.Count; i++)
                                            { %>
                                <a href="#" target="_blank">
                                    <img src='<%Response.Write(listacc[i].Link);%>' alt=" " /></a>
                                <% }
                                        }
                                        else
                                        {
                                            listlens = lenBUS.GetListByLens(id);
                                            for (int i = 0; i < listlens.Count; i++)
                                            { %>
                                <a href="#" target="_blank">
                                    <img src='<%Response.Write(listlens[i].Link);%>' alt=" " /></a>
                                <% }
                                        }
                                          
                                %>
                            </div>
                            <ul class="pagination">
                                <%if (cate == "camera")
                                  {
                                      for (int i = 0; i < list.Count; i++)
                                      { %>

                                <li><a href="#">
                                    <img src='<%Response.Write(list[i].Link);%>' alt=" " /></a></li>
                                <%}
                                  }
                                  else if (cate == "accessories") // neu la acc thi  hien thi len
                                  {
                                      for (int i = 0; i < listacc.Count; i++)
                                      { %>

                                <li><a href="#">
                                    <img src='<%Response.Write(listacc[i].Link);%>' alt=" " /></a></li>
                                <%}

                                        }
                                  else
                                  {
                                      for (int i = 0; i < listlens.Count; i++)
                                      { %>

                                <li><a href="#">
                                    <img src='<%Response.Write(listlens[i].Link);%>' alt=" " /></a></li>
                                <%} 
                                        }%>
                                 
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="desc span_3_of_2">
                <h2>
                    <asp:Label ID="lblName" runat="server" Text="Label"></asp:Label>
                </h2>

                <%--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>--%>
                <div class="price">
                    <p>Giá:
                        <asp:Label ID="lblPrice" runat="server" Text="Label"></asp:Label>
                        <span></span></p>
                    <asp:Panel ID="pnCamera" runat="server" Visible="false"> 
                        <p>Max Resolution:
                            <asp:Label ID="lblcamMaxResolution" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Sensor Type:
                            <asp:Label ID="lblcamSensorType" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Sensor Size:
                            <asp:Label ID="lblcamSensorSize" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Iso:
                            <asp:Label ID="lblcamIso" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Focal Length Multi:
                            <asp:Label ID="lblcamFocalLengthMulti" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Screen Size:
                            <asp:Label ID="lblcamScreenSize" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Min Shutter Speed:
                            <asp:Label ID="lblcamMinShutterSpeed" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Max ShutterSpeed:
                            <asp:Label ID="lblcamMaxShutterSpeed" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Model:
                            <asp:Label ID="lblModel" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Manufacturer:
                            <asp:Label ID="lblmanufacturerId" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Series:
                            <asp:Label ID="lblseriesId" runat="server" Text=""></asp:Label>
                            <span></span></p>
                     </asp:Panel>

                     <asp:Panel ID="pnLens" runat="server" Visible="false"> 
                        <p>Focallensgth:
                            <asp:Label ID="lbllensFocallensgth" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Maxaperture:
                            <asp:Label ID="lbllensMaxaperture" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Minaperture:
                            <asp:Label ID="lbllensMinaperture" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Minfocus:
                            <asp:Label ID="lbllensMinfocus" runat="server" Text=""></asp:Label>
                            <span></span></p>
                        <p>Maxmagnification:
                            <asp:Label ID="lbllensMaxmagnification" runat="server" Text=""></asp:Label>
                            <span></span></p> 
                     </asp:Panel>

                     <asp:Panel ID="pnAcc" runat="server" Visible="false"> 
                        <p>Use:
                            <asp:Label ID="lblUse" runat="server" Text=""></asp:Label>
                            <span></span></p>
                         
                     </asp:Panel>
                </div>
               
                <div class="share-desc">
                    <%--<div class="share">
						<p>Share Product :</p>
						<ul>
					    	<li><a href="#"><img src="/images/fb.png" alt=""></a></li>
					    	<li><a href="#"><img src="/images/twiter.png" alt=""></a></li>	
					    	<li><a href="#"><img src="/images/rss.png" alt=""></a></li>					    
			    		</ul>
					</div>--%>
                    <div class="button"><%--<span><a href="#">Add to Cart</a></span>--%>
                        <asp:Button ID="btnGioHang" runat="server" Text="Thêm vào giỏ hàng" OnClick="btnGioHang_Click" />
                        <asp:Image ID="imghinh" runat="server" Visible="false" />
                    </div>
                    <div class="clear"></div>
                </div>
                <%--<div class="wish-list">
				 	<ul>
				 		<li class="wish"><a href="#">Add to Wishlist</a></li>
				 	    <li class="compare"><a href="#">Add to Compare</a></li>
				 	</ul>
				 </div>--%>
            </div>
            <div class="clear"></div>
        </div>
        <div class="product_desc">
            <div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
                <ul class="resp-tabs-list">
                    <li class="resp-tab-item resp-tab-active" aria-controls="tab_item-0" role="tab">Chi tiết</li> 
                    <li class="resp-tab-item" aria-controls="tab_item-2" role="tab">Bình Luận</li>
                    <div class="clear"></div>
                </ul>
                <div class="resp-tabs-container">
                    <h2 class="resp-accordion resp-tab-active" role="tab" aria-controls="tab_item-0"><span class="resp-arrow"></span>Product Details</h2>
                    <div class="product-desc resp-tab-content resp-tab-content-active" style="display: block" aria-labelledby="tab_item-0">
                        <asp:Label ID="lblDetails" runat="server" Text="Label"></asp:Label>
                        <h2 class="resp-accordion" role="tab" aria-controls="tab_item-1"><span class="resp-arrow"></span>product Tags</h2>
                        <div class="product-tags resp-tab-content" aria-labelledby="tab_item-1">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
                            <h4>Add Your Tags:</h4>
                            <div class="input-box">
                                <input type="text" value="">
                            </div>
                            <div class="button"><span><a href="#">Add Tags</a></span></div>
                        </div>

                        <h2 class="resp-accordion" role="tab" aria-controls="tab_item-2"><span class="resp-arrow"></span>Product Reviews</h2>
                        <div class="review resp-tab-content" aria-labelledby="tab_item-2">
                            <h4>Lorem ipsum Review by <a href="#">Finibus Bonorum</a></h4>
                            <ul>
					 	<li>Price :<a href="#"><img src="/images/price-rating.png" alt=""></a></li>
					 	<li>Value :<a href="#"><img src="/images/value-rating.png" alt=""></a></li>
					 	<li>Quality :<a href="#"><img src="/images/quality-rating.png" alt=""></a></li>
					 </ul>
					 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
                            
                            <div class="your-review">
                                 <h3>How Do You Rate This Product?</h3>
				  	  <p>Write Your Own Review?</p>
				   
					    	<div>
						    	<span><label>Nickname<span class="red">*</span></label></span>
						    	<span><input type="text" value=""></span>
						    </div>
						    <div><span><label>Summary of Your Review<span class="red">*</span></label></span>
						    	<span><input type="text" value=""></span>
						    </div>						
						    <div>
						    	<span><label>Review<span class="red">*</span></label></span>
						    	<span><textarea> </textarea></span>
						    </div>
						   <div>
						   		<span><input type="submit" value="SUBMIT REVIEW"></span>
						  </div>
					    
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#horizontalTab').easyResponsiveTabs({
                    type: 'default', //Types: default, vertical, accordion           
                    width: 'auto', //auto or any width like 600px
                    fit: true   // 100% fit in a container
                });
            });
        </script>
        <div class="content_bottom">
            <div class="text-h1 top1 btm">
                <h2>Lorem ipsum quis nostrud exercitation</h2>
                <asp:DataList ID="ddlCmAcc" runat="server">
                    <ItemTemplate>
                         <a href='<%# Eval("") %>'></a>
					
                    </ItemTemplate>
                </asp:DataList>
            </div>
            <div class="div2">
                <div id="mcts1">
                    <img src="/images/pic2.png" alt="" />
                    <img src="/images/pic3.png" alt="" />
                    <img src="/images/pic1.png" alt="" />
                    <img src="/images/pic2.png" alt="" />
                    <img src="/images/pic3.png" alt="" />
                    <img src="/images/pic1.png" alt="" />

                </div>
            </div>

        </div>

    </div>
    <div class="sidebar">
        <div class="s-main">
            <div class="s_hdr">
                <h2>Máy Ảnh Khác</h2>
            </div>
            <div class="text1-nav">
                <ul style="width: 100%">
                    <asp:DataList ID="dtMayAnh" runat="server" Width="100%" Visible="false">
                        <ItemTemplate>

                            <li class="li-default">
                                <div style="float: left;">
                                    <img src='<%#Eval("camImages") %>' width="50" height="40" />
                                </div>
                                <a href='<%# "ChiTiet.aspx?cate=camera&id=" + Eval("camId") %>'><%#Eval("camNames") %></a>

                            </li>

                        </ItemTemplate>
                    </asp:DataList>
                    <asp:DataList ID="dtAcc" runat="server" Width="100%" Visible="false">
                        <ItemTemplate>

                            <li class="li-default">
                                <div style="float: left;">
                                    <img src='<%#Eval("accesImages") %>' width="50" height="40" />
                                </div>
                                <a href='<%# "ChiTiet.aspx?cate=accessories&id=" + Eval("accesId") %>'><%#Eval("accesNames") %></a>

                            </li>

                        </ItemTemplate>
                    </asp:DataList>
                    <asp:DataList ID="dtLens" runat="server" Width="100%" Visible="false">
                        <ItemTemplate>

                            <li class="li-default">
                                <div style="float: left;">
                                    <img src='<%#Eval("lensImages") %>' width="50" height="40" />
                                </div>
                                <a href='<%# "ChiTiet.aspx?cate=lens&id=" + Eval("lensId") %>'><%#Eval("lensNames") %></a>

                            </li>

                        </ItemTemplate>
                    </asp:DataList>
                </ul>
            </div>
        </div>
    </div>
</asp:Content>
